 
html,body {
    width: 100%;
    min-height: 100%;
    margin: 0
}

body {
    font-family: 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif
}

a,br,div,footer,h1,h2,h3,h4,h5,h6,header,hr,li,ol,p,span,ul {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

li,ol,ul {
    list-style-type: none
}

a {
    text-decoration: none
}

.l-page-h5 {
    display: block;
    font-family: 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFFFFF;
    margin: 0 auto;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.l-page-h5 .l-h5,.l-page-h5 .l-location {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
 
.c-h5-now .c-h5-now__location {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1.9rem 1.6rem 1.9rem
}

.c-h5-now .c-h5-now__location .c-h5-now-location__city,.c-h5-now .c-h5-now__location .c-h5-now-location__time {
    cursor: pointer
}

.c-h5-now .c-h5-now__location .c-h5-now-location__city>img,.c-h5-now .c-h5-now__location .c-h5-now-location__time>img {
    display: inline-block;
    width: 1.2rem;
    height: auto;
    vertical-align: middle
}

.c-h5-now .c-h5-now__location .c-h5-now-location__city>p,.c-h5-now .c-h5-now__location .c-h5-now-location__time>p {
    display: inline-block;
    font-family: "Source Han Sans SC", 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif;
     
    margin-left: 0.5rem;
    color: #ffffff;
    vertical-align: middle
}
 

.c-h5-now .c-h5-now__cond {
    font-family: "Source Han Sans SC", 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif;
    padding: 8.3rem 1rem 3.7rem
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__tmp {
    font-size: 4rem;
    font-weight: lighter;
    padding: 1.7rem 0
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__weather>img {
    display: inline-block;
    vertical-align: middle;
    height: 3.2rem
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__weather>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 0.2rem
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__air {
    margin-top: 0.8rem
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__air>a {
    display: inline-block;
    padding: 0.4rem 1rem 0.4rem 0.8rem;
    background-color: rgba(255,255,255,0.22);
    font-size: 16px;
    border-radius: 0.4rem;
    cursor: pointer
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__air>a>span {
    display: inline-block;
    margin-right: 0.5rem;
    color: #FFFFFF
}

.c-h5-now .c-h5-now__cond .c-h5-now-cond__air>a>img {
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem
}

.c-h5-now .c-h5-now__base {
    display: flex;
    
    align-items: center;
    padding: 1rem 0
}

.c-h5-now .c-h5-now__base .c-h5-now-base__item {
    width: 25%;
    text-align: center
}

.c-h5-now .c-h5-now__base .c-h5-now-base__item>h2,.c-h5-now .c-h5-now__base .c-h5-now-base__item>p {
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFFBB;
    padding: 0.5rem
}

.c-h5-now .c-h5-now__base .c-h5-now-base__item>p {
    color: #FFFFFF
}

.c-h5-now--white .c-h5-now__base .c-h5-now-base__item>h2,.c-h5-now--white .c-h5-now__base .c-h5-now-base__item>p {
    color: #9b9b9b
}

.c-h5-now--white .c-h5-now__base .c-h5-now-base__item>p {
    color: #4a4a4a
}

.c-h5-rain {
    border-bottom: 1px solid rgba(255,255,255,0.22)
}

.c-h5-rain .c-h5-rain__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.32rem 1.6rem 1.32rem 16px;
    cursor: pointer
}

.c-h5-rain .c-h5-rain__item .c-h5-rain__detail {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.c-h5-rain .c-h5-rain__item .c-h5-rain__detail>svg {
    width: 16px;
    height: 16px
}

.c-h5-rain .c-h5-rain__item .c-h5-rain__detail>span {
    font-size: 1.3rem;
    font-weight: normal;
    color: #FFFFFF;
    margin-left: .5rem
}

.c-h5-rain .c-h5-rain__item>img {
    width: .8rem
}

.c-h5-rain--white {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-rain--white .c-h5-rain__item .c-h5-rain__detail>span {
    color: #4a4a4a
}

.c-h5-rain+.c-h5-alarm {
    border: none
}

.c-h5-alarm {
    border-top: 1px solid rgba(255,255,255,0.22)
}

.c-h5-alarm .c-h5-alarm__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.32rem 1.6rem 1.32rem 16px;
    border-bottom: 1px solid rgba(255,255,255,0.22);
    cursor: pointer
}

.c-h5-alarm .c-h5-alarm__item .c-h5-alarm__detail {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.c-h5-alarm .c-h5-alarm__item .c-h5-alarm__detail>svg {
    width: 16px;
    height: 16px
}

.c-h5-alarm .c-h5-alarm__item .c-h5-alarm__detail>span {
    font-size: 1.3rem;
    font-weight: normal;
    color: #FFFFFF;
    margin-left: .5rem
}

.c-h5-alarm .c-h5-alarm__item>img {
    width: .8rem
}

.c-h5-alarm--white {
    border-top: 1px solid rgba(0,0,0,0.22)
}

.c-h5-alarm--white .c-h5-alarm__item {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-alarm--white .c-h5-alarm__item .c-h5-alarm__detail>span {
    color: #4a4a4a
}

.c-h5-forecast .c-h5-forecast__hour {
    padding: 1.2rem 0 0.8rem
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__title {
    padding: 0 1.6rem 1rem;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid rgba(255,255,255,0.22)
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll {
    padding: 1rem 0 1rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll .c-h5-forecast-hour__item {
    display: inline-block;
    vertical-align: top;
    width: 4.5rem;
    text-align: center
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll .c-h5-forecast-hour__item>img {
    width: 16px;
    margin: 0.7rem auto
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll .c-h5-forecast-hour__72h {
    width: 9rem;
    cursor: pointer;
    color: #FFFFFF
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll .c-h5-forecast-hour__72h>img {
    margin: 1.3rem auto 0;
    width: 3.2rem
}

.c-h5-forecast .c-h5-forecast__hour .c-h5-forecast-hour__scroll::-webkit-scrollbar {
    display: none
}

.c-h5-forecast .c-h5-forecast__day {
    font-size: 1.2rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__title {
    padding: 1.2rem 1.6rem 1rem;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.22)
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main {
    padding-top: 1.1rem;
    border-bottom: 1px solid rgba(255,255,255,0.22);
    position: relative
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__list {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__charts {
    position: absolute;
    left: 0;
    top: 9.1rem;
    width: 100%;
    height: 13.1rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item {
    flex: 1 auto;
    text-align: center;
    border-right: 1px dashed rgba(255,255,255,0.22)
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item .forecast-day__week {
    margin: 16px 0 0;
    font-size: 16px
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item .forecast-day__img {
    width: 1.8rem;
    height: auto;
    margin: 0.9rem auto .7rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item .forecast-day__holder {
    width: 100%;
    height: 13.1rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item .forecast-day__wind {
    padding-bottom: 1rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item .forecast-day__level {
    font-size: 1rem;
    padding-bottom: 1.9rem
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .forecast-day--active {
    color: #ffd43a
}

.c-h5-forecast .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item:nth-last-of-type(1) {
    border: none
}

.c-h5-forecast .c-h5-forecast__30d {
    padding: 2.1rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.22);
    text-align: center
}

.c-h5-forecast .c-h5-forecast__30d .c-h5-forecast-30d__link {
    display: inline-block;
    margin: 0 auto
}

.c-h5-forecast .c-h5-forecast__30d .c-h5-forecast-30d__link>span {
    display: inline-block;
    font-size: 16px;
    color: rgba(255,255,255,0.54);
    vertical-align: middle
}

.c-h5-forecast .c-h5-forecast__30d .c-h5-forecast-30d__link>img {
    display: inline-block;
    width: .7rem;
    height: auto;
    vertical-align: middle
}

.c-h5-forecast--white {
    color: #4a4a4a
}

.c-h5-forecast--white .c-h5-forecast__hour .c-h5-forecast-hour__title {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-forecast--white .c-h5-forecast__hour .c-h5-forecast-hour__scroll .c-h5-forecast-hour__72h {
    color: #4a4a4a
}

.c-h5-forecast--white .c-h5-forecast__day .c-h5-forecast-day__title {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-forecast--white .c-h5-forecast__day .c-h5-forecast-day__main {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-forecast--white .c-h5-forecast__day .c-h5-forecast-day__main .c-h5-forecast-day__item {
    border-right: 1px dashed rgba(0,0,0,0.22)
}

.c-h5-forecast--white .c-h5-forecast__day .c-h5-forecast-day__main .forecast-day--active {
    color: rgba(0,0,0,0.5)
}

.c-h5-forecast--white .c-h5-forecast__30d {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-forecast--white .c-h5-forecast__30d .c-h5-forecast-30d__link>span {
    color: rgba(0,0,0,0.5)
}

.c-h5-lifestyle {
    font-size: 1.2rem
}

.c-h5-lifestyle .c-h5-lifestyle__title {
    font-size: 16px;
    padding: 1.2rem 1.6rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.c-h5-lifestyle .c-h5-lifestyle__row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.c-h5-lifestyle .c-h5-lifestyle__row .c-h5-lifestyle__item {
    width: 34%;
    display: block;
    cursor: pointer;
    padding: 1.95rem 0 1.2rem;
    color: #FFFFFF;
    border-right: 1px solid rgba(255,255,255,0.1);
    text-align: center
}

.c-h5-lifestyle .c-h5-lifestyle__row .c-h5-lifestyle__item>h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 16px
}

.c-h5-lifestyle .c-h5-lifestyle__row .c-h5-lifestyle__item>div>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal
}

.c-h5-lifestyle .c-h5-lifestyle__row .c-h5-lifestyle__item>div>img {
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem
}

.c-h5-lifestyle .c-h5-lifestyle__row .c-h5-lifestyle__item:nth-last-of-type(1) {
    border: none
}

.c-h5-lifestyle--white .c-h5-lifestyle__title {
    color: rgba(74,74,74,0.72);
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-lifestyle--white .c-h5-lifestyle__row {
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-lifestyle--white .c-h5-lifestyle__row .c-h5-lifestyle__item {
    color: #4a4a4a;
    border-right: 1px solid rgba(0,0,0,0.22)
}

.c-h5-sun {
    padding: 0 0 0.8rem
}

.c-h5-sun .c-h5-sun__title {
    padding: 1.2rem 1.6rem 1rem;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.22)
}

.c-h5-sun .c-h5-sun__main {
    margin: 1rem 0;
    display: flex;
    align-items: center
}

.c-h5-sun .c-h5-sun__main .c-h5-sun__item {
    width: 50%;
    box-sizing: border-box
}

.c-h5-sun .c-h5-sun__main .c-h5-sun__item>svg {
    width: 100%;
    height: 9em
}

.c-h5-sun .c-h5-sun__main .c-h5-sun__item .c-h5-sun__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem
}

.c-h5-sun .c-h5-sun__main .c-h5-sun__item .c-h5-sun__bottom .c-h5-sun-bottom__item {
    color: #fff;
    text-align: center
}

.c-h5-sun--white .c-h5-sun__title {
    color: rgba(74,74,74,0.72);
    border-bottom: 1px solid rgba(0,0,0,0.22)
}

.c-h5-sun--white .c-h5-sun__main .c-h5-sun__item .c-h5-sun__bottom .c-h5-sun-bottom__item {
    color: #4a4a4a
}

.c-location .c-location__top {
    padding: 1.7rem 1.2rem;
    background-color: #4A90E2;
    box-sizing: border-box
}

.c-location .c-location__top>h1 {
    text-align: center;
    font-size: 1.7rem;
    font-weight: normal
}

.c-location .c-location__top>h1>img {
    width: 1rem;
    float: left;
    cursor: pointer
}

.c-location .c-location__search {
    padding: 1.3rem 1rem 0
}

.c-location .c-location__search>input {
    width: 100%;
    height: 4.4rem;
    border-radius: 0.2rem;
    background-image: url("https://cdn.qweather.com/img/plugin/190516/icon/h5/search.png");
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 97% center;
    text-align: left;
    font-size: 1.8rem;
    text-indent: 1rem;
    color: #9B9B9B;
    box-shadow: none;
    border: 0.1rem solid #E0E0E0;
    background-color: #E0E0E0;
    outline: none;
    box-sizing: border-box
}

.c-location .c-location__search>input:focus {
    background-color: #FFFFFF
}

.c-location .c-location__hot {
    padding: 0 1rem 1.3rem
}

.c-location .c-location__hot .c-location-hot__title {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    font-weight: normal;
    color: #9B9B9B
}

.c-location .c-location__hot .c-location-hot__current-city {
    background: #fff url(https://cdn.qweather.com/img/plugin/190516/icon/h5/location-auto.png) no-repeat 12% center;
    background-size: auto 40%;
    width: 11rem;
    padding: 1rem;
    color: #4A90E2;
    font-size: 1.8rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #E0E0E0;
    margin-top: 0.6rem;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box
}

.c-location .c-location__hot .c-location-hot__title-hot {
    margin: 16px 0 0.6rem;
    font-size: 1.2rem;
    font-weight: normal;
    color: #9B9B9B;
    font-family: 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif
}

.c-location .c-location__hot .c-location-hot__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.c-location .c-location__hot .c-location-hot__list .c-location-hot-list__item {
    width: 30%;
    padding: 1rem 0;
    border: 0.1rem solid #E0E0E0;
    margin: 0.7rem 0 1.7rem;
    border-radius: 0.2rem;
    font-size: 1.8rem;
    color: #4A4A4A;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Avenir', Helvetica, Arial, sans-serif;
    cursor: pointer;
    text-align: center
}

.c-location .c-location__result {
    padding: 2.6rem 1rem 1.3rem
}

.c-location .c-location__result .c-location-result__list {
    border: 0.1rem solid #E0E0E0;
    border-radius: 0.2rem
}

.c-location .c-location__result .c-location-result__list .c-location-result__item {
    color: #9B9B9B;
    padding: 1rem 0 1rem 1.5rem;
    font-size: 1.8rem;
    background-color: #FFFFFF;
    cursor: pointer;
    border-bottom: 0.1rem solid #E0E0E0
}

.c-location .c-location__result .c-location-result__list .c-location-result__item:nth-last-of-type(1) {
    border: none
}

.c-location .c-location__result .c-location-result__list .c-location-result__item--no {
    color: #9B9B9B;
    padding: 1rem 0 1rem 1.5rem;
    font-size: 1.8rem;
    background-color: #FFFFFF;
    cursor: pointer
}

.air-level--1 {
    color: #95B359 !important
}

.air-level--2 {
    color: #A9A538 !important
}

.air-level--3 {
    color: #E0991D !important
}

.air-level--4 {
    color: #D96161 !important
}

.air-level--5 {
    color: #A257D0 !important
}

.air-level--6 {
    color: #D94371 !important
}

.c-h5 .c-h5-source {
    padding: .5rem 0 2.5rem;
    font-size: 1rem;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF
}

.c-h5 .c-h5-source--white {
    color: #b8b8ba
}
